Vue.createApp({
	template: "#my-app",
	data() {
		return {
			books: [
				{
					id: 1,
					name: '《算法导论》',
					date: '2006-9',
					price: 85.00,
					count: 1
				},
				{
					id: 2,
					name: '《UNIX编程艺术》',
					date: '2006-2',
					price: 59.00,
					count: 1
				},
				{
					id: 3,
					name: '《编程珠玑》',
					date: '2008-10',
					price: 39.00,
					count: 1
				},
				{
					id: 4,
					name: '《代码大全》',
					date: '2006-3',
					price: 128.00,
					count: 1
				},
			]
		}
	},
	computed: {
		total() {
			let total = 0
			for (let i = 0; i < this.books.length; i++) {
				this.books[i].total = this.books[i].price * this.books[i].count
				total += this.books[i].total

			}
			return total
		}
	},
	methods: {
		add(index) {
			this.books[index].count++
		},
		minus(index) {
			if (this.books[index].count > 1) {
				this.books[index].count--
			}
		},
		remove(index) {
			this.books.splice(index, 1)
		}
	}
}).mount("#app");